<!DOCTYPE html>
 <html>
   <head>
     <style>
        *{margin:0;padding:0}
        #header {
            background-color:#A6A6D2;
            color:#642100;
            text-align:center;
            padding:5px;
        }
       #nav {
            line-height:30px;
            background-color:#4EFEB3;
            height:300px;
            width:20%;
            float:left;
            padding:12px;	      
       }
      #section {
            width:50%;
 background-color:#A8FFA4;
height:300px;
            float:left;
            padding:11px;	 	 
       }
 #asd {
            line-height:30px;
            background-color:#79FF79;
            height:300px;
            width:20%;
            float:left;
            padding:12px;	      
       }

      #footer {
            background-color:#EA7500;
            color:white;
            clear:both;
            text-align:center;
            padding:4px;	 	 
      }
     </style>
  </head>

 <body>
   <div id="header">
       <h1>王者荣耀</h1>
   </div>

   <div id="nav">
       官方首页<br>
        游戏资料<br>
        攻略中心<br>
        赛事中心<br>
        商城/合作<br>
        社区互动<br>
   </div>

   <div id="section">
        <h2>#游戏介绍</h2>
      
      <p>王者荣耀》是腾讯第一5V5英雄公平对战手游，于10月28日开启不限号测试！5V5王者峡谷（含迷雾模式）、5V5深渊大乱斗、以及3V3、1V1等多样模式一键体验，热血竞技尽享快感！海量英雄随心选择，精妙配合默契作战！10秒实时跨区匹配，与好友组队登顶最强王者！操作简单易上手，一血、五杀、超神，极致还原经典体验！实力操作公平对战，回归MOBA初心！
      </p>
   </div>
<div id="asd">
        游戏介绍<br>
        版本介绍<br>
        英雄介绍<br>
        游戏壁纸<br>
        视频中心<br>
        故事站<br>
   </div>

   <div id="footer">
       抵制不良游戏 拒绝盗版游戏 适度游戏益脑 沉迷游戏伤身 合理安排时间 享受健康生活   </div>
  </body>
</html>